import { onMounted, ref } from 'vue'
// 获取网址中的数据
import { useRoute, onBeforeRouteUpdate } from 'vue-router'
import { getTopCategoryAPI } from '@/api/category'
export function useCategory() {
  const route = useRoute()

const categoryData = ref({})
const getCategory = async (id = route.params.id) => {
  const res = await getTopCategoryAPI(id)
  categoryData.value = res.result
  // console.log(categoryData.value)
  
}
onMounted(() => {
  getCategory()
})

//函数可以在每次路由更新之前执行，在回调中执行需要数据更新的业务逻辑即可
onBeforeRouteUpdate((to) => {
  //存在问题：使用最新的路由参数请求最新的分类数据
 
  //对路由变化做出响应
  getCategory(to.params.id)
})

return { categoryData }
}